<template>
	<view class="content">
		<view class="content-block">
			<!-- <view class="bussiness-loan" @click="navigate('/page_other/business_loan/loans')">
				<view class="tittle FangZhengHanZhenGuangBiaoJianTi">
					贷款申请
				</view>
				<view class="small-title">
					创业担保贷款线上申请入口
				</view>
			</view> -->
			<view class="case" @click="navigate('/page_other/serve/case')">
				<view class="tittle FangZhengHanZhenGuangBiaoJianTi">
					创业典型
				</view>
				<view class="small-title">
					创业先进创业典型
				</view>
			</view>
			<view class="policy" @click="navigate('/page_other/serve/policy_advocacy')">
				<view class="tittle FangZhengHanZhenGuangBiaoJianTi">
					创业政策宣传
				</view>
				<view class="small-title">
					人社创业政策及优惠条件宣传
				</view>
			</view>
			<view class="match" @click="navigate('/page_other/serve/venture_contest')">
				<view class="tittle FangZhengHanZhenGuangBiaoJianTi">
					创业活动
				</view>
				<view class="small-title">
					历届创业活动
				</view>
			</view>
			<view class="match" @click="navigate('/page_other/serve/incubation_base')"
				style="background-color: #ECFAED;">
				<view class="tittle FangZhengHanZhenGuangBiaoJianTi">
					创业孵化基地
				</view>
				<view class="small-title">
					创业孵化基地入口
				</view>
			</view>
			<!-- <view class="match" @click="navigate('/page_other/serve/specialist')" style="background-color: #FEF6F4;">
				<view class="tittle FangZhengHanZhenGuangBiaoJianTi">
					创业指导专家
				</view>
				<view class="small-title">
					创业指导专家简介
				</view>
			</view> -->
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			navigate(url) {
				uni.navigateTo({
					url
				})
			},
		}

	}
</script>

<style lang="scss" scoped>
	.content {
		.content-block {
			width: 100%;
			height: 100%;
			padding: 30rpx 30rpx;

			.bussiness-loan {
				width: 100%;
				height: 250rpx;
				padding: 50rpx;
				background-color: #ECFAED;
				line-height: 75rpx;
				border-radius: 40rpx;

				.tittle {
					font-size: 50rpx;
				}

				.small-title {
					font-size: 37rpx;
				}
			}
		}

		.case {
			width: 100%;
			height: 250rpx;
			padding: 50rpx;
			background-color: #FEF6F4;
			line-height: 75rpx;
			border-radius: 40rpx;
			margin-top: 40rpx;

			.tittle {
				font-size: 50rpx;
			}

			.small-title {
				font-size: 37rpx;
			}
		}

		.policy {
			width: 100%;
			height: 250rpx;
			padding: 50rpx;
			background-color: #FEF7ED;
			line-height: 75rpx;
			border-radius: 40rpx;
			margin-top: 40rpx;

			.tittle {
				font-size: 50rpx;
			}

			.small-title {
				font-size: 37rpx;
			}
		}

		.match {
			width: 100%;
			height: 250rpx;
			padding: 50rpx;
			background-color: #EBFAFD;
			line-height: 75rpx;
			border-radius: 40rpx;
			margin-top: 40rpx;

			.tittle {
				font-size: 50rpx;
			}

			.small-title {
				font-size: 37rpx;
			}
		}
	}
</style>